<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:insert="common/person-pc/header::personHeadBar('积分明细','/static/css/person/paper.css')">
<body style="">
<!-- 头部 -->
<div th:insert="common/person-pc/top::personTopBar(${resCategoryModel})"/>
<div class="ey-body-bg">
    <div class="ey-body">
        <div class="ey-container w1200">
            <!-- 侧边 -->
            <div th:insert="common/person-pc/right::rightBar(${show})"/>
            <!-- 侧边结束 -->
            <!-- 中部 -->
            <div class="ey-con fr">
                <div class="el-main main-bg">
                    <div class="column-title mb20">
                        <div class="column-name">积分明细</div>
                        <div class="column-right">

                        </div>
                    </div>
                    <div class="ey-con-inside">
                        <div class="el-row oper-row">
                            <div class="el-col-24 oper-row-r">我的积分 : <span class="red fb">[[${scoreTotal}]]</span></div>
                        </div>

                        <div>
                            <div  class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition" style="width: 100%;">
                                <table class="" cellspacing="0" id="finance-list" data-table-ajaxurl="" data-table-pagelength="20" data-plugin="selectable" role="grid" aria-describedby="finance-list_info">
                                    <thead>
                                        <tr role="row">
                                            <th style="width: 540px;"><div class="cell">积分</div></th>
                                            <th style="width: 100px;"><div class="cell tc">获得途径</div></th>
                                            <th style="width: 100px;"><div class="cell tc">状态</div></th>
                                            <th style="width: 200px;"><div class="cell tc">时间</div></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <th:block th:each="userScoreDetail:${list}">
                                        <tr>
                                            <td><div class="cell red">+[[${userScoreDetail?.score}]]</div></td>
                                            <td><div class="cell tc">[[${userScoreDetail?.resFrom}]]</div></td>
                                            <td><div class="cell tc">[[${userScoreDetail?.statusName}]]</div></td>
                                            <td><div class="cell tc" th:text="${#dates.format(userScoreDetail?.createTime, 'yyyy-MM-dd HH:mm:ss')}"></div></td>
                                        </tr>
                                    </th:block>
                                    </tbody>
                                </table>
                            </div>
                            <script th:inline="javascript">
                                var count = [[${total}]];
                                var currentPage = [[${currentPage}]];
                                var requestUrl = [[${requestUrl}]];
                            </script>
                            <script type="text/javascript" th:src="@{'/static/Kz.layedit/Content/Layui-KnifeZ/layui.js'}"></script>
                            <script>
                                layui.use('laypage', function () {
                                    var laypage = layui.laypage;
                                    //执行一个laypage实例
                                    laypage.render({
                                        elem: 'pageId',
                                        count: count,
                                        curr: currentPage,  //当前页数
                                        limit: 10,
                                        theme: '#1E9FFF',
                                        jump: function (obj, first) {
                                            if (!first) {
                                                location.href = requestUrl+"?pageNum=" + obj.curr;
                                            }
                                        }
                                    });
                                });
                            </script>
                            <div style="text-align: center;" >
                                <div id="pageId">
                                </div>
                                <div class="fytotal">共<span th:text="${total}"></span>条记录</div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- 中部结束 -->
        </div>
    </div>
</div>

<!-- 底部 -->
<div class="ey-footer">
    <footer class="container">
        <p>Copyright © 2012-2018 资源基地 版权所有</p>
    </footer>
</div>
</body>
</html>
